<template>
	<!-- 登录模块 -->
	<div class="login">
		<div class="w">
			<div class="login_form">
				<div class="login_hd">
					<ul>
						<li>
							<router-link to="/login/qcode">扫描登录</router-link>
						</li>
						<li></li>
						<li>
							<router-link to="/login/account">账户登录</router-link>
						</li>
					</ul>
				</div>
				<div class="login_bd">
					<router-view></router-view>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		name :'Login',
		mounted(){
			this.$router.push('/login/account')
		}
	}
</script>

<style scoped>
	.login {
		height: 486px;
		background-color: #8000ff;
	}
	.login .w {
		height: 486px;
		background: url(../../assets/img_14.png) center top;
		padding-top: 60px;
	}
	.login_form {
		width: 380px;
		height: 365px;
		background-color: #fff;
		margin-left: 705px;
	}
	.login_hd,.login_bd {
		width: 305px;
		height: 62px;
		/* background-color: pink; */
		margin: 0 auto;
		padding: 10px;
		overflow: hidden;
	}
	.login_bd {
		padding: 0px;
		overflow: visible;
	}
	.login_hd li {
		float: left;
		font-size: 18px;
	}
	.login_hd li:nth-child(2) {
		width: 1px;
		height: 20px;
		background-color: #ededed;
		margin: 0 69px;
		margin-top: 4px;
	}
</style>